<!DOCTYPE html>
<html>
	<head>
		<title>Jane |杨 </title>
				<meta name="viewport" content="width=device-width, initial-scale=1">
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<meta name="keywords" content="杨玉印的主页 主页 个人网站" />
			<link rel="stylesheet"	href="css/bootstrap.css" type="text/css" media="all" />
			<link rel="stylesheet"	href="css/style.css" type="text/css" media="all" />      
			<link rel="stylesheet"	href="css/responses.css" type="text/css" media="all" /> 
			<link rel="stylesheet" href="css/box.css">
	</head>
	<body>
	<!-- Header -->
		
		<div class="header">
	
			<nav class="navbar navbar-default ">	
				<div class="container ">
				<div class="top">
				<div class="logo">
					<a href="#"><h2>welcome</h2></a>
				</div>
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
	<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li ><a href="#home">主页</a></li>
							
							<li><a href="school.html" >学校</a></li>
							<li><a href="blog.html" >博文</a></li>
						<li><a href="articl.html" >趣味杂谈</a></li>
					
						</ul>
					</div>
			</div>
				</div>
</nav>
			<div class="bannertext">
				<h1>Mr.Yang</h1>
				<p>My name is Yang Yuyin. I am from Chongqing Normal University. I am a web worker. I will be engaged in web in the future. I am well prepared for it..</p>
				<a href="#" class="more"  data-toggle="modal" data-target="#myModal">我的照片</a>
				
				<div class="arrow">
					<a href="#about" class="scroll" title="下滑"><img src="images/arrow.png"></a>
				</div>
			</div>
		<!-- Modal -->
			<div class="modal fade" id="myModal" role="dialog">
				<div class="modal-dialog">
				<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/reza1.jpeg">
							<p>我叫杨玉印，来自重庆师范大学，一个web工作者，将来也一定会从事web这一方面，目前正在学习bootstrap，php，jquery等语言，在后面的日子里面还打算学习laravel,less，多学一些后端的语言框架，给自己的以后工作做好周密的准备,目前打算去深圳或者上海，去敲几年代码，顺带学习，主要是涨工资
							</p>
						</div>
       
					</div>
				</div>
			</div>
		
		</div>
	<!-- //Header -->
	

	<div class="history" id="about">
		<div class="container">
			<h3>Introduce</h3>
			<p>我叫杨玉印，来自重庆师范大学，一个web工作者，将来也一定会从事web这一方面，目前正在学习bootstrap，php，jquery等语言，在后面的日子里面还打算学习laravel,less，多学一些后端的语言框架，给自己的以后工作做好周密的准备,目前打算去深圳或者上海，去敲几年代码，顺带学习，主要是涨工资，几年内应该都是会从事web行业的，比较现在正值黄金时代，怎么能不抓紧机会呢
			</p>
		</div>
	</div>
		 


		<div class="news" id="news">
			<div class="container">
			 <h3>My Technical</h3>
				<div class="col-md-6 col-sm-6 newsl">
					<h5>Bootstrap</h5>
					<a class="date">20,6,2018</a>
					<img src="images/news.jpg">
					<p>正在学习bootstrap，学的还算一般，能比较熟悉运用一些样式，不过还是有很多地方不懂。毕竟是讲述css的样式，对于我来说还是比较轻松，以后可以好好的研究一下css样式</p>
				</div>
				<div class="col-md-6 col-sm-6 newsr">
					
					<h6>JQuery</h6>
					<div class="newsrt">
						<div class="col-md-3 col-sm-3 newsrtl">
							<img src="images/b1.jpg">
						</div>
						<div class="col-md-9  col-sm-9 newsrtr">
							<p>今年开学除了学习bootstrap外，学的最多的就是JQuery了，看了许多视频，把讲义看完了，自己外带做了些小的东西，恰好打包好文件了</p>
							<a class="date">20 1,2018</a>
						</div>
						<div class="clearfix"></div>
					</div>
					<h6>Javascript</h6>
					<div class="newsrt">
						<div class="col-md-3 col-sm-3 newsrbl">
							<img src="images/b2.jpg">
						</div>
						<div class="col-md-9 col-sm-9 newsrbr">
							<p>php这学期还是没落后，也在学习，因为每两周一个大作业，以后打算学习点laravel,thinkphp,多学一点框架总是好的</p>
							<a class="date">22 11,2017</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>

		<div class="gallery" id="gallery">
		<div class="container">
			<h3>VISION</h3>
			<div class="gallery-grids">
				<div class="gallery-grids1">
					<div class="g-g-l ">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							<a href="images/big3.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g3.jpg" alt=" " class="img-responsive">
								
								<div class="p-mask">
									<h4>一个人</h4>
									<p>有空可以去爬爬山，看看皑皑白雪，骑骑车，放松自己，程序员身体最重要
									</p>
									
								</div>
							</a>
						</div>
					
					</div>
					<div class="g-g-l">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							<a href="images/big5.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g5.jpg" alt=" " class="img-responsive">
								<div class="p-mask">
									<h4>一个人</h4>
									<p>去一个满是绿意的地方，看看大自然，欣赏风景，确实赏心悦目，令人心旷神怡
									</p>
									
								</div>
							</a>
						</div>
						
					</div>
					<div class="g-g-l">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							
							<a href="images/big4.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g4.jpg" alt=" " class="img-responsive">
								<div class="p-mask">
									<h4>一个人</h4>
									<p>有空的时候可以到处去看看，你会发现这个世界原来这么美丽，这么令人向往
									</p>
									
								</div>
							</a>
						</div>
						
					</div>
					<div class="g-g-l ">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							<a href="images/big2.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g2.jpg" alt=" " class="img-responsive">
								<div class="p-mask">
									<h4>一个人</h4>
									<p>独自一人可以去乡野田间，看花看草，听蟾蜍鸣叫，听小草私语
									</p>
									
								</div>
							</a>
						</div>
						
					</div>
					<div class="g-g-l ">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							<a href="images/big6.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g6.jpg" alt=" " class="img-responsive">
								<div class="p-mask">
									<h4>一个人</h4>
									<p>背着自己的行囊，带着自己的梦想，飞向向往的大地
									</p>
									
								</div>
							</a>
						</div>
						
					</div>
					<div class="g-g-l ">
						<div class="g-g-l1 animated wow slideInUp" data-wow-delay=".5s">
							<a href="images/g1.jpg" class="swipebox" title="BACKPACK">
								<img src="images/g1.jpg" alt=" " class="img-responsive">
								<div class="p-mask">
									<h4>两个人</h4>
									<p>最后的 生活就是两个人一起去漫步，世界很大，我们想去看看
									</p>
									
								</div>
							</a>
						</div>
						
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>




		<div class="footer" id="footer">
			<div class="container">
			<h3>BACKPACK</h3>
			<h5>It's My Pride</h5>
			<label class="footerline"></label>
			<div class="socialicons">
			<ul>
				<li> <a class="facebook" href="#"></a></li>
				<li> <a class="twitter" href="#"></a></li>
				<li> <a class="pinterest" href="#"></a></li>
				<li> <a class="google" href="#"></a></li>
				<li> <a class="linkedin" href="#"></a></li>
			<ul>
			</div>
		<p> &copy; 2018 Backpack. All Rights Reserved | Design by <a >.重庆师范大学计科杨玉印.</a></p>
		<div id="time" style="font-size: 20px;"></div><body>
			
		</body>
	</div>
		</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

	
	
		<script type='text/javascript'>
			window.onload = function() {
				refreshTime(); //当页面加载完时运行时间函数
			}

			function checkTime(i) {
				if(i < 10) {
					i = '0' + i //定义当分钟，秒钟小于10时，使一位数显示为两位数
				}
				return i //大于10时，正常显示
			}

			function refreshTime() { //定义时间函数
				var date = new Date(); //获取当前默认格式的当前时间
				var myYear = date.getFullYear(); //在默认格式时间中提取四位数的年份
				var myMonth = date.getMonth() + 1; //在默认格式时间中提取月份，（月份返回值是0-11，实际月份要返回值+1）
				var myDate = date.getDate(); //在默认格式实践中提取日期
				var myDay = date.getDay(); //在默认格式中提取星期（返回值0-6对应星期天-星期六）
				var myHours = date.getHours(); //在默认格式实践中提取日期小时
				var myMinutes = date.getMinutes(); //在默认格式实践中提取日期分钟
				var mySeconds = date.getSeconds(); //在默认格式实践中提取日期分钟
				var pushM = checkTime(myMinutes);
				var pushS = checkTime(mySeconds); //用checkTime函数使时间为0~9时替换为00~09
				//alert(myDay);//test
				document.getElementById('time').innerHTML = myYear + '年' + myMonth + '月' + myDate + '日&nbsp&nbsp' + myHours + ':' + pushM + ':' + pushS + '<br/>' //使id为'time'的文本值替换为该格式的时间
				setTimeout(refreshTime, 1000) //每1000毫秒运行一次refreshTime函数，即每秒刷新一次时间
			}
		</script>
			
	<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){	
						
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);//hash指定id跳转
				});
			});
			</script>

	</body>
</html>

